<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        html {
            height: 100%;
            width: 100%;
        }
        body {
            background: #fff;
            color: #333;
            font-family: Arial, Tahoma,sans-serif;
            font-size: 12px;
            font-weight: normal;
            height: 100%;
            margin: 0;
            padding: 0;
            text-decoration: none;
     }
     button{
        position: fixed;
        left: 0;
        top: 0;
     }
    </style>
    <script type = "text/javascript" src="http://172.23.4.199:18700/web-apps/apps/api/documents/api.js"></script>
    <title>Document</title>
</head>
<body>
    <button>12312312</button>
    <div  id = "placeholder" ></div> 
<script>
       var config = {
            "document": {
                "fileType": "docx",   
                "key": "12345678911111",   
                "title": "DocumentTitle",
                "url": "http://27.196.39.7:19080/document/record/documentLoad?id=E83LhP6CFimNtqGLiStQqnHFZqKcSlO4&userId=33f0469cc3ed47ab942aa6c0b3462c13"
            },
            "documentType": "word",  
            "type": "mobile",
            "editorConfig": {
                "callbackUrl": "" 
            }
    };
    console.log(config,49);
    var docEditor  = new CXO_API.CXEditor("placeholder",config);
</script>
</body>
</html>
